<template>
        <div class="yingpian1">
            <TopBar :title="title"></TopBar>
            <div class="headertop">
                <!--这里是二级导航-->
                  <router-link class="abc" to="">
                        <div class="r-left">
                            正在热映
                        </div>
                    </router-link>
                    <router-link  class="abc" to="">
                        <div class="r-right">
                            即将上映
                        </div>
                    </router-link>
             </div>
             <!--对于影片的介绍-->
             <div class="con">
                 <ul>
                     <li v-for="item in newList">
                         <router-link class="con-a" to="">
                                <div class="a-left">
                                    <img v-bind:src="item.cover.origin" alt="">
                                </div>
                                <div class="a-right">
                                    <p class="p-1">{{item.name}}<span>{{item.grade}}</span><b>&gt;</b></p>
                                    <p class="p-2">{{item.intro}}</p>
                                    <p class="p-3"><span>{{item.cinemaCount}}</span>家影院上映&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>{{item.watchCount}}</span>人购票</p>
                                </div>
                         </router-link>
                     </li>
                 </ul>
             </div>
        </div>
</template>

<script>
import TopBar from './TopBar.vue';
import $ from 'jquery';
export default {
    components:{
        TopBar
    },
    data:function(){
            return {
                title:'卖座电影',
                newList:[]
            }
        },
         mounted:function(){
             //请求数据

         }

}
</script>


<style>

</style>
